<template>
	<view>
		<view>
			<Header></Header>
			
			<List class="m-list-postion"></List>
			
			
			<view >
			    
			    <uni-popup ref="popup" type="center">
					
					<view class="" style="display: flex;justify-content: center;">
						<image @click="closePopup()" style="width: 622rpx;height: 728rpx;" src="https://emos-lei.oss-cn-beijing.aliyuncs.com/v2/img/Discount.png" mode="widthFix"></image>
					</view>
					<view class="" style="display: flex;justify-content: center;">
						<image @click="closePopup()" style="width: 48rpx;height: 48rpx;position: relative;top: 30rpx;" src="../../static/close2.png" mode="widthFix"></image>
					</view>
			    </uni-popup>
			</view>
		</view>
	</view>
</template>

<script>
	import Header from "./component/Header/Header.vue";
	 import List from "./component/List/List.vue";
	 import uniPopup from '@/components/uni-popup/uni-popup.vue'
	 import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
	 import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
	export default {
		components:{
			Header,
			List,
			uniPopup,
			uniPopupMessage,
			uniPopupDialog
			},
		data() {
			return {
				
			}
		},
		onLoad() {
			
			       
		},
		
		mounted:function(){
			this.openPopup()
		},
		methods: {
			closePopup(){
			    this.$refs.popup.close()
			},
			openPopup(){
			    this.$refs.popup.open()
			},
		}
	}
</script>

<style lang="less" scoped>
@import url("../../style.less");
@import url("index.less");
</style>
